<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>珞珈梧桐</title>
    <script src="../js/vue.js"></script>
    <script src="../js/vue-i18n.js"></script>
    <script src="../js/index.js"></script>

    <link rel="stylesheet" href="../css/normalize.css">
    <link rel="stylesheet" href="./style/common.css">
    <link rel="stylesheet" href="./style/culture.css">
</head>
<script>
    try {
        if (!(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent))) {
            window.location.href = "../index.html";
        }
    } catch (e) { }
</script>

<body>
    <div id="root">
        <!-- 下拉导航 -->
        <div class="nav" :class="{'open-nav' : showNav}">
            <div class="nav-wrap">
                <a href="index.html">
                    <p class="nav-name">
                        <i></i>
                        <span v-text="$t('nav.index')"></span>
                    </p>
                    <i></i>
                </a>
                <a v-if="!isEnglish" href="culture.html">
                    <p class="nav-name">
                        <i></i>
                        <span v-text="$t('nav.culture')"></span>
                    </p>
                    <i></i>
                </a>
                <a href="founders.html">
                    <p class="nav-name">
                        <i></i>
                        <span v-text="$t('nav.founders')"></span>
                    </p>
                    <i></i>
                </a>
                <a href="team.html">
                    <p class="nav-name">
                        <i></i>
                        <span v-text="$t('nav.team')"></span>
                    </p>
                    <i></i>
                </a>
                <a href="approach.html">
                    <p class="nav-name">
                        <i></i>
                        <span v-text="$t('nav.approach')"></span>
                    </p>
                    <i></i>
                </a>
                <a href="contact.html">
                    <p class="nav-name">
                        <i></i>
                        <span v-text="$t('nav.contact')"></span>
                    </p>
                    <i></i>
                </a>
            </div>
        </div>
        <!-- 头部 -->
        <header class="header">
            <img src="../img/logo.png" alt="">
            <div>
                <p @click="changeLan()" v-text="isEnglish ? '中文' : 'English'"></p>
                <span @click="openNav">
                    <i></i>
                    <i></i>
                    <i></i>
                </span>
            </div>
        </header>
        <!-- 内容 -->
        <div class="container">
            <img src="../img/culture-page-img1.jpg" alt="">
            <div class="content">
                <h2 v-html="$t('page_culture.title')"></h2>
                <div v-for='(item,index) of $t("page_culture.textArr")'>
                    <p><span v-text="item.icon"></span>{{item.text}}</p>
                </div>
            </div>
        </div>
        <!-- 底部 -->
        <div class="to-top" @click="toTop">
            Top <span></span>
        </div>
        <footer class="footer">
            <p v-text="$t('footer.copy_right')"></p>
            <p v-if="!isEnglish" v-text="$t('footer.num')"></p>
        </footer>
    </div>
</body>

</html>